<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<title>文本</title>
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/text.css">
	<link rel="stylesheet" type="text/css" href="../css/nav.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_554626_mkew8ff7f5s46lxr.css">
	<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css">
</head>
<body>
	<header>
		<div class='wrap'>
			<div class='left col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<a href="../index.html"><img src="../img/logo.png"></a>
			</div>
			<div class='right  col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				
			</div>
		</div>
	</header>
	<!-- ======导航======= -->
	<nav class="navbar navbar-default" role="navigation">
	    <div class="container-fluid wrap">
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle iconfont icon-ai-kind" data-toggle="collapse"
		                data-target="#example-navbar-collapse">
		        </button>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		        <ul class="nav navbar-nav main">
		            <li class="active">
		            	<a href="#">机构设置</a>
		            </li>
		            <li>
		            	<a href="#">队伍建设</a>
		            </li>
		            <li>
		                <a href="#">资助工作</a>
		            </li>
		            <li>
		            	<a href="#">心理健康</a>
		            </li>
		            <li>
		            	<a href="#">团委工作</a>
		            </li>
		            <li>
		            	<a href="#">社会服务</a>
		            </li>
		            <li>
		            	<a href="#">学子风采</a>
		            </li>
		            <li>
		            	<a href="#">创新就业</a>
		            </li>
		        </ul>
		        
		    </div>
	    </div>
	</nav>
	<!-- =====导航结束======= -->
	<div id="banner">
		<!-- <a href="#"><img src="./img/banner.jpg"></a> -->
		<div class="swiper-container" id="banner_swiper">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <!-- <div class="swiper-pagination"></div> -->
		</div>
	</div>
	<div id='main-text'>
		<div class="main_nav">
			<div class='wrap'>
				<ul class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<li class='active col-xs-12 col-sm-6 col-md-2 col-lg-2'><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>学院简介</span></a></li>
					<li class=' col-xs-12 col-sm-6 col-md-2 col-lg-2'><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>管理团队</span></a></li>
					<li class=' col-xs-12 col-sm-6 col-md-2 col-lg-2'><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>机构设置</span></a></li>
					<li class=' col-xs-12 col-sm-6 col-md-2 col-lg-2'><a href="#"><i class="iconfont icon-yuandianxiao"></i><span>学院宣传片</span></a></li>
					
				</ul>
				
			</div>
		</div>
		<div class="main_cont">
			<div class="wrap">
				<div class="hd">
					<span class="lf">【学院要闻】标题标题标题</span>
					<div class="rg">
						<i class="iconfont icon-weizhi"></i>
						<span>当前位置：首页>>学院要闻</span>
					</div>
				</div>
				<div class="content col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<p>【 学院要闻 】此刻，堤岸上的树木大多已改了容颜，换了装束。木兰的叶子凋落殆尽，枝头却孕满小桃一般的花蕾，外边裹着褐色的毛茸茸的苞片，它正暗暗地攒着劲，好在来年春天尽情绽放。石楠还是油绿葱翠，团团红果如红豆般鲜亮，像玛瑙般晶莹，平添了几分成熟的风韵。枇杷肥厚的绿叶簇拥着白色的花朵，暗香浮动，清雅怡人，连蜂儿也忘了节令不肯离它而去。红枫已老，残叶当风，却依然洋溢着穷且益坚的豪气。垂柳婀娜，满头金发随风飘舞，不时地把发梢浸在碧水里洗濯，不改那少女的爱美之心。

					河滩上长满野草，那草色却迥然不同。离水较远的一片枯黄，脚踩上去会发出兹兹的响声，有如踏在积雪上。离水较近的是半黄半绿，那软软的富有弹性的感觉，就像是踩在厚厚的地毯上。而半浸在水中的则碧绿如故，生机盎然，让人感悟到水对生命的滋养。一丛丛的芦苇另有一番迷人的韵致，翠绿的纱裙已换成金色的旗袍，而戴在发髻上的洁白绒毛更让它显得妖娆妩媚，仪态万方。

					绕过一片茂密的芦苇丛，眼前的河面宽广而开阔。河水澄澈，波光潋滟，闪耀着蔚蓝的庄严与沉静。河边有几个冬钓者，他们身着短大衣，脚穿防水鞋，安坐在折叠小凳上，左边是装备包，右边是竹鱼篓，前面摆放着三五根钓竿。他们并不聚集在一起，彼此间隔着一定距离，不说话，也不抽烟，目光坚定，神情安详闲适点缀在岸边，给冬日的汝河增添了几分诗情画意。</p>
					

				</div>
				<div class="bt">
					<span><</span>
					<span>1</span>
					<span>2</span>
					<span>3</span>
					<span class="no">...</span>
					<span>&nbsp;</span>
					<span>34</span>
					<span>></span>
				</div>
			</div>
		</div>
		<div class="main_bottom">
			<div class='wrap'>
				<div class='left col-xs-12 col-sm-12 col-md-4 col-lg-4'>
					<span>友情链接></span>
				</div>
				<div class='right col-xs-12 col-sm-12 col-md-8 col-lg-8'>
					<div class='right_link col-xs-12 col-sm-12 col-md-4 col-lg-4'>
						<div class="link">
							<span>相关链接</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
					<div class='right_link col-xs-12 col-sm-12 col-md-4 col-lg-4'>
						<div class="link">
							<span>相关链接</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
					<div class='right_link col-xs-12 col-sm-12 col-md-4 col-lg-4'>
						<div class="link">
							<span>相关链接</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
	<div id="footer">
		<div class="footer_top">
			<div class="wrap">
				<ul class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<li>地址：四川省泸州市合江荔城大道500号</li>
					<li>邮编：646200 </li>
					<li>联系电话：0830-5261151、5255263、5255327 </li>
					<li>传真： 0830-8889199 </li>
					<li>QQ：800099668   微信：V800</li>
				</ul>
				<div class='img_box col-xs-12 col-sm-12 col-md-4 col-lg-4'>
					<img src="../img/img2.jpg">
				</div>
			</div>
		</div>
		<div class="footer_bottom">
			Copyright&copy; 四川三河职业学院官方网站
		</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../js/calendar.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
	if($(window).width() < 769){
		$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
	}else{
		$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
	}
	$(window).resize(function(){ 
	    if($(window).width() < 769){
			$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
		}else{
			$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
		}
	});

	var mySwiper1 = new Swiper ('#banner .swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    autoplay: 500,
        speed: 2000,
        observer:true,
        observeParents:true,
	    pagination: {
	      el: '.swiper-pagination',
	    },
	}) 
	var mySwiper2 = new Swiper ('.main_bottom .swiper-container', {
	    direction: 'vertical',
	    loop: true,
	    slidesPerView:1,
	    spaceBetween : 60,
        autoplay: 1000,
        speed: 2000,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
	    pagination: {
	      el: '.swiper-pagination',
	      clickable: true,
	    },
	}) 
	$('.news_title_btn').click(function(){
		if($(this).hasClass('news_nav_btn')){
			$('.news_nav_box').show();
			$('.data_download_box').hide();
		}else{
			$('.news_nav_box').hide();
			$('.data_download_box').show();
		}
		$(this).addClass('active').siblings('.news_title_btn').removeClass('active');
	})
	$('.title_top span').click(function(){
		console.log($(this).index());
		$(this).addClass('active').siblings().removeClass('active');
		if($(this).index()==0){
			$('.work_list1').show();
			$('.work_list2').hide();
		}else{
			$('.work_list1').hide();
			$('.work_list2').show();
		}
	})
	
	$('.right_link').click(function(){
		var listBox = $(this).find('ul');
		if(listBox.css('display')=='block'){
			listBox.hide();
		}else{
			listBox.show();
		}
		$(this).siblings().find('ul').hide();
	})



	
})
</script>
</html>